<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>PersonalBrand-web</title>
    @@include("./common/_header.html",{"filename":"navigationNO3"})
</head>

<body>
    @@include("./common/_menu.html",{"class1":"","class2":"","class3":"","class4":"","class5":""})
    
    <div class="content navigationNo3">
        <h5 class="sub-title">Face Prime</h5>
        <h3>Brand List</h3>
        <ul class="rank-list">
            <li>
                <a href="./brand.html#1" class="sub-channel">
                    <div class="icon icon1">
                        1
                    </div>
                    <h5 class="channel-title">
                        GUERLAIN
                    </h5>
                    <div class="star">
                        <span class="blue"></span>
                        <span class="blue"></span>
                        <span class="blue"></span>
                        <span class="blue"></span>
                        <span class="gray"></span>
                    </div>
                </a>
            </li>    
            <li>
                <a href="./brand.html#2" class="sub-channel">
                    <div class="icon icon2">
                        2
                    </div>
                    <h5 class="channel-title">
                        GUERLAIN
                    </h5>
                    <div class="star">
                        <span class="blue"></span>
                        <span class="blue"></span>
                        <span class="blue"></span>
                        <span class="half"></span>
                        <span class="gray"></span>
                    </div>
                </a>
            </li>   
            <li>
                <a href="./brand.html#3" class="sub-channel">
                    <div class="icon icon3">
                        3
                    </div>
                    <h5 class="channel-title">
                        GUERLAIN
                    </h5>
                    <div class="star">
                        <span class="blue"></span>
                        <span class="blue"></span>
                        <span class="blue"></span>
                        <span class="blue"></span>
                        <span class="gray"></span>
                    </div>
                </a>
            </li>   
        </ul>
        <div class="view-more"><a href="">View More</a><i></i></div>
        <h3>Brand Product</h3>
        <div class="production-list infinite-scroll">
            <div class="production-detail">
                <a href="" class="sub-channel">
                    <h5 class="channel-title">
                        Best CC Creams for Acne-Prone Skin
                    </h5>
                    <i></i>
                </a>
                <div class="img-details">
                    <a href="">
                        <span class="img-show">
                            <img class="lazy"  data-original="./images/index/772422DC-5C9E-4E3C-8CD2-0CB7A6DB7582@2x.png">
                        </span>
                        <p class="rank1">No.1</p>
                        <p class="name">Canon EOS-1D X Mark III</p>
                        <p class="price">$80</p>
                    </a>
                    <a href="">
                        <span class="img-show">
                            <img class="lazy"  data-original="./images/index/AF84A7CD-6C9E-47A2-9821-05BBC9510A46@2x.png">
                        </span>
                        <p class="rank2">No.2</p>
                        <p class="name">Canon EOS-1D X Mark III</p>
                        <p class="price">$80</p>
                    </a>
                    <a href="">
                        <span class="img-show">
                            <img class="lazy"  data-original="./images/index/5F7C64CB-5A22-4370-9FB6-EBC268A3CDAC@2x.png">
                        </span>
                        <p class="rank3">No.3</p>
                        <p class="name">Canon EOS-1D X Mark III</p>
                        <p class="price">$80</p>
                    </a>
                </div>
            </div>
            <div class="production-detail">
                <a href="" class="sub-channel">
                    <h5 class="channel-title">
                        Best CC Creams for Acne-Prone Skin
                    </h5>
                    <i></i>
                </a>
                <div class="img-details">
                    <a href="">
                        <span class="img-show">
                            <img class="lazy"  data-original="./images/index/772422DC-5C9E-4E3C-8CD2-0CB7A6DB7582@2x.png">
                        </span>
                        <p class="rank1">No.1</p>
                        <p class="name">Canon EOS-1D X Mark III</p>
                        <p class="price">$80</p>
                    </a>
                    <a href="">
                        <span class="img-show">
                            <img class="lazy"  data-original="./images/index/AF84A7CD-6C9E-47A2-9821-05BBC9510A46@2x.png">
                        </span>
                        <p class="rank2">No.2</p>
                        <p class="name">Canon EOS-1D X Mark III</p>
                        <p class="price">$80</p>
                    </a>
                    <a href="">
                        <span class="img-show">
                            <img class="lazy"  data-original="./images/index/5F7C64CB-5A22-4370-9FB6-EBC268A3CDAC@2x.png">
                        </span>
                        <p class="rank3">No.3</p>
                        <p class="name">Canon EOS-1D X Mark III</p>
                        <p class="price">$80</p>
                    </a>
                </div>
            </div>
        </div>
        <div class="recommend-more"><a></a></div>
        @@include("./common/_footer.html")
    </div>
    @@include("./common/_lastFooter5.html",{"filename":"navigationNO3"})
</body>
</html>